<template>
  <div class="page">
	<!-- 头部 -->
	<headcompont> </headcompont>
	<!-- QQ -->
	<div id="right">
		<div class="rightBar">
			<ul>
				<li class="toTop">
				</li>
				<li id="clientQQ">
					<div class="table">
						<div class="tableCell">
							<div class="icon icon-qq"></div>
						</div>
					</div>
				</li>
				<li>
					<a class="table">
						<div class="tableCell">
							<div class="icon icon-cs"></div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>

	<!-- 中间 内容 -->
	<main>
		<div id="main">
			<div class="home">
				<!-- banner  -->
				<div class="banner">
					<div class="imgList swiper-container swiper-container-horizontal" >
						<div class="swiper-pagination swiper-pagination-bullets"></div>
						<ul class="swiper-wrapper" >
							<li class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="3" >
								<a href="" style="cursor: pointer">
									<img src="~assets/images/index/banner1.png" />
								</a>
							</li>
							<li class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" >
								<a href="" style="cursor: pointer">
									<img src="~assets/images/index/banner4.png" />
								</a>
							</li>
							<li class="swiper-slide" data-swiper-slide-index="1" >
								<a href="" style="cursor: pointer">
									<img src="~assets/images/index/banner3.png" />
								</a>
							</li>

							<li class="swiper-slide" data-swiper-slide-index="2" >
								<img src="~assets/images/index/banner5.png" />
							</li>

							<li class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="3" >
								<a href="" style="cursor: pointer">
									<img src="~assets/images/index/banner1.png" />
								</a>
							</li>
						</ul>
					</div>
					<!-- 登入页面 -->
					<div class="wrap">
						<div class="login">
							<form id="loginForm">
								<div class="rel">
									<i class="icon icon-phone phone-pic"></i>
									<input type="text" placeholder="请输入手机号" name="login" maxlength="11" class="index-login-input input iphone" autocomplete="off" v-model="loginForm.accountCode">
									<p class="p1">
										请输入真实有效的手机号码
									</p>
								</div>
								<div class="rel">
									<i class="icon icon-pass pass-pic"></i>
									<input type="password" placeholder="请输入密码" name="password" class="input password" maxlength="20" v-model="loginForm.password">
									<p class="p2">
										格式必须包含： 数字 加 字母
									</p>
								</div>
								<div class="remember-pass">
									<input type="checkbox" class="remember-box" id="remember">
									<label for="remember"></label>
									<span>记住密码</span>
								</div>
								<div>
									<input class="login-btn" value="登录"  @click="onSubmit" />
								</div>
								<div class="lastRow">
									<a href="javascript:;" class="aLink">忘记密码？</a>
									<a href="register/register.html" class="btn">注 册</a>
								</div>
							</form>
						</div>
					</div>
				</div>
				<!-- 跑马灯 -->
				<div class="broadcast">
					<div class="wrap">
						<div class="table">
							<div class="tableCell">
								<div class="center-notice-pic icon icon-voice"></div>
							</div>
						</div>
						<div class="noticeModel">
							<p class="main-center-hint">
								<a href="">假期商品休市调整提醒</a> <span class="main-num">[07/01]</span> <span>|</span></p>
							<p class="main-center-hint">
								<a href="">系统升级维护提醒</a> <span class="main-num">[06/30]</span> <span>|</span></p>
							<p class="main-center-hint">
								<a href="">美白银合约更换提醒</a> <span class="main-num">[06/29]</span> </p>
						</div>
						<div class="main-center-hint-right">
							<a href="" class="main-center-hint-right-a"><span>更多&gt;&gt;</span></a>
						</div>
					</div>
				</div>
				<!-- K线图 市场-->
				<div class="market">
					<div class="wrap">
						<div class="bazaar">
							<div class="arrow button-prev swiper-button-disabled">
								<div class="table table1">
									<div class="tableCell">
										<div class="icon icon-prev"></div>
									</div>
								</div>
							</div>
							<div class="swiper-container quoteList swiper-container-horizontal">
								<ul class="tab-nav swiper-wrapper quoteNav">
									<li class="quote active swiper-slide swiper-slide-active" >
										<a href="javascript:;">
											<div class="name"> <span>美原油</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">74.74</div>
											<div class="tend rise">+1.08%</div>
										</a>
									</li>
									<li class="quote  swiper-slide swiper-slide-next" >
										<a href="javascript:;">
											<div class="name"> <span>美黄金</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">1247.7</div>
											<div class="tend rise">+0.48%</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>沪深300</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">3364.8</div>
											<div class="tend">休市</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>上证50</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">2362.6</div>
											<div class="tend">休市</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>中证500</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">5144.0</div>
											<div class="tend">休市</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>恒指</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">28427</div>
											<div class="tend rise">+0.39%</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>小恒指</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">28425</div>
											<div class="tend rise">+0.37%</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>小恒指</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">28425</div>
											<div class="tend rise">+0.37%</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>小恒指</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">28425</div>
											<div class="tend rise">+0.37%</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>小恒指</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">28425</div>
											<div class="tend rise">+0.37%</div>
										</a>
									</li>
									<li class="quote  swiper-slide" >
										<a href="javascript:;">
											<div class="name"> <span>小恒指</span>
												<div class="table">
													<div class="tableCell">
														<div class="icon icon-hot"></div>
													</div>
												</div>
											</div>
											<div class="price rise">28425</div>
											<div class="tend rise">+0.37%</div>
										</a>
									</li>
								</ul>
							</div>
							<div class="arrow button-next swiper-button-disabled">
								<div class="table table2">
									<div class="tableCell">
										<div class="icon icon-prev flipX"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="left">
							<div class="quotes">
								<div class="category">
									<div class="trend" id="trend">
										<!-- <iframe id="tradingview_7e6e7" name="tradingview_7e6e7" src="app/k-curve/tv-chart.html" frameborder="0" allowtransparency="true" scrolling="no" allowfullscreen="" style="display: block; width: 100%; height: 100%;"></iframe> -->
									</div>
								</div>

							</div>
						</div>
						<div class="left info">
							<div class="title">| 资讯直播
								<a href="">更多&gt;&gt;</a>
							</div>
							<div class="news">
								<div class="left">
									<div class="under-left">
										<div class="under-left-small">
											<p>03</p> <span>07月</span> </div>
									</div>
									<div class="left" style="padding-top: 12px;">
										<div class="under-times-light" style="padding-left: 50px;"> <span class="icon icon-clock"></span> 16:51:02 </div>
									</div>
									<div class="under-dark" style="padding-top: 3px;">据俄新社：俄罗斯副外长里亚布科夫表示，在“特金会”之后，和日本进行对话是非常重要的。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:50:18 </div>
									</div>
									<div class="under-dark">据俄新社：俄罗斯副外长里亚布科夫称，计划7月3日-4日访问日本。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:50:00 </div>
									</div>
									<div class="under-dark">【数据提示】欧元区5月PPI月率、欧元区5月零售销售月率将在十分钟后公布。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:47:52 </div>
									</div>
									<div class="under-dark">俄罗斯副外长里亚布科夫：可能会于7月6日就伊核协议问题召开会议。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:47:02 </div>
									</div>
									<div class="under-dark"><b>【突发行情】周二午后，人民币扭转早间跌势大幅反弹，上演了一出“V字”行情。离岸人民币距日内低点涨逾600点，在岸人民币一度拉升至6.6635。稍早，中国央行行长易纲、副行长潘功胜均发声力挺人民币。</b></div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:46:22 </div>
									</div>
									<div class="under-dark">据路透援引目击人士：因发现可疑物品，莫斯科警方封锁了克里姆林宫附近的街道。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:42:14 </div>
									</div>
									<div class="under-dark">阿联酋油长：阿联酋准备好遵守欧佩克协定，为任何可能的供应短缺做贡献。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:41:21 </div>
									</div>
									<div class="under-dark">阿联酋油长：市场稳定有利于消费者、产油商及全球经济。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:40:29 </div>
									</div>
									<div class="under-dark">阿联酋油长：自7月1日起，欧佩克将尽力保持对协议的执行率。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:39:49 </div>
									</div>
									<div class="under-dark">阿联酋油长：重申欧佩克致力于市场稳定。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:36:46 </div>
									</div>
									<div class="under-dark">英国金融政策委员会（FPC）：英国与欧盟方面都要采取行动避免扰乱现象的出现。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:36:21 </div>
									</div>
									<div class="under-dark">据路透：马来西亚当局拘捕前总理纳吉布。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:35:51 </div>
									</div>
									<div class="under-dark">英国金融政策委员会（FPC）：需要向伦敦银行同业拆借利率（Libor）的替代利率进行过渡。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:35:18 </div>
									</div>
									<div class="under-dark">英国金融政策委员会（FPC）：持续依赖伦敦银行同业拆借利率（Libor）对于金融稳定而言是一个风险。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:34:09 </div>
									</div>
									<div class="under-dark"><b>【提示】英国6月建筑业PMI创下七个月新高。</b></div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:33:59 </div>
									</div>
									<div class="under-dark">英国金融政策委员会（FPC）：一些新兴市场面临美元资金趋紧的风险。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:33:21 </div>
									</div>
									<div class="under-dark">今日14:08分消息“近期外汇市场出现了一些波动，我们正在密切关注，这主要是受美元走强和外部不确定性等因素影响，有些顺周期的行为。（中证报）”，该消息为中国央行行长易纲的讲话，非中国央行副行长易纲。特此更正。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:32:44 </div>
									</div>
									<div class="under-dark">英国金融政策委员会（FPC）：英国银行体系可以再无序脱欧的情况下依旧支持经济。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:32:29 </div>
									</div>
									<div class="under-dark">英国金融政策委员会（FPC）：脱欧为英国金融服务业的扰乱带来实质性风险。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:31:45 </div>
									</div>
									<div class="under-dark">金融政策委员会（FPC）：除了英国脱欧以外的国内风险整体仍然保持正常。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:31:14 </div>
									</div>
									<div class="under-dark">香港5月零售销售量年率</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:30:10 </div>
									</div>
									<div class="under-dark">香港5月零售销售额年率</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:30:06 </div>
									</div>
									<div class="under-dark">【汇率】在岸人民币兑美元7月3日16:30收盘报6.6672，较上一交易日下跌182点。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:30:00 </div>
									</div>
									<div class="under-dark">英国6月建筑业PMI</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:29:35 </div>
									</div>
									<div class="under-dark">西班牙副总理Calvo：西班牙将致力于建立欧盟共同的庇护所系统。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:24:58 </div>
									</div>
									<div class="under-dark">英国央行委员桑德斯：英国央行密切关注全球贸易态势。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:24:05 </div>
									</div>
									<div class="under-dark">英国央行委员桑德斯：出口调查数据表现非常积极。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:23:42 </div>
									</div>
									<div class="under-dark">据伊朗国家新闻机构：伊朗外长及依旧留在伊核协议中的国家将于周五在维也纳会面。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:20:39 </div>
									</div>
									<div class="under-dark">英国央行委员桑德斯：回应脱欧的政策不会是机械的。</div>
								</div>
								<div class="left">
									<div class="under-times"></div>
									<div class="left">
										<div class="under-times-light"> <span class="icon icon-clock"></span>16:19:33 </div>
									</div>
									<div class="under-dark">【行情】英镑兑美元GBP/USD短线上扬20点，现报1.3194；此前英国央行委员桑德斯表示，英国央行加息的步伐或许需要快于市场预期。</div>
								</div>
							</div>
							<div class="goods">
								<span class="element active">原油</span>
								<span class="element">金银</span>
							</div>
							<div>
								<ul class="goods-news goods-news0 ">
									<li>
										<div class="img"> <img src="https://res.6006.com/jin10/pic/1b/2de3be6f45efff849316ba884386e2af.jpg" alt="  " title="  " width="76px"> </div>
										<div class="link">
											<a target="_blank" href="">美元多头盛宴重启黄金再度跌穿1250 默克尔内阁危机暂除欧...</a>
											<p>2018-07-03 07:35:29</p>
										</div>
									</li>
									<li>
										<div class="img"> <img src="https://res.6006.com/jin10/pic/1b/2de3be6f45efff849316ba884386e2af.jpg" alt="  " title="  " width="76px"> </div>
										<div class="link">
											<a target="_blank" href="">美元多头盛宴重启黄金再度跌穿1250 默克尔内阁危机暂除欧...</a>
											<p>2018-07-03 07:35:29</p>
										</div>
									</li>
								</ul>

								<ul class="goods-news goods-news1 none">
									<li>
										<div class="img"> <img src="https://res.6006.com/jin10/pic/48/09163ac9388b76c21e40d6ac6bd87b1a.jpg" width="76px"> </div>
										<div class="link">
											<a target="_blank" href="">前瞻：两大数据来袭美元VS欧元对决继续 今日可能暴走的还有...</a>
											<p>2018-07-03 07:48:56</p>
										</div>
									</li>
									<li>
										<div class="img"> <img src="https://res.6006.com/jin10/pic/48/09163ac9388b76c21e40d6ac6bd87b1a.jpg" width="76px"> </div>
										<div class="link">
											<a target="_blank" href="">前瞻：两大数据来袭美元VS欧元对决继续 今日可能暴走的还有...</a>
											<p>2018-07-03 07:48:56</p>
										</div>
									</li>

								</ul>

							</div>
						</div>

					</div>
				</div>

				<!-- 期货指南 -->
				<div class="guide">
					<div class="wrap">
						<div class="title">
							期货学院
						</div>
						<div class="content">
							<table>
								<tbody>
									<tr>
										<td>
											<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530680665769&di=b07547679292a389f000333ce4f87f51&imgtype=0&src=http%3A%2F%2Fres.dyhjw.com%2Fueditor%2Fphp%2Fupload%2Fimage%2F20170422%2F1492839242691777.jpg" alt="基础知识">
											<div class="subTitle">基础知识</div>
											<div class="brief">
												<a href="" class="article">期货概念</a>
												<p>期货交易是在现货交易的基础上发展起来的、通过在期货交易所买卖标准化的期货合约而进行的一种有组织的交易方式。</p>
												<a href="">更多资讯 <span class="arrow">➤</span></a>
											</div>
										</td>
										<td>
											<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530681002047&di=34bbc4c6b358b70a23bbb40fe5016d75&imgtype=0&src=http%3A%2F%2Fwww.fxsola.com%2Fuse%2Fmyuser%2Fupimgs%2Fday_170126%2F201701261515185930.png" alt="投资介绍">
											<div class="subTitle">投资介绍</div>
											<div class="brief">
												<a href="" class="article">期货投机交易</a>
												<p>
													期货投机交易指在期货市场上以获取价差收益为目的的期货交易行为。投机者根据自己对期货价格走势的判断，作出买进或卖出的决定，如果这种判断与市场价格走势相同，则投机者平仓出局后可获取投机利润</p>
												<a href="">更多资讯 <span class="arrow">➤</span></a>
											</div>
										</td>
										<td>
											<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530681153708&di=486a05292bf4c193ef62c791b6af6478&imgtype=0&src=http%3A%2F%2Fa.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2F21a4462309f79052e83cb0d507f3d7ca7bcbd53e.jpg" alt="基本面分析">
											<div class="subTitle">基本面分析</div>
											<div class="brief">
												<a href="" class="article">金融货币因素</a>
												<p>商品期货交易与金融货币市场有着紧密的联系。利率的高低、汇率的变动都直接影响商品期货价格变动。</p>
												<a href="">更多资讯 <span class="arrow">➤</span></a>
											</div>
										</td>
										<td>
											<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530680818450&di=8a3f85452ec7ddc5b641419027020ea8&imgtype=0&src=http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_jpg%2F25J9SRrWicD3eNu5FFrYhcj0ibtJ3yhiacvEjjV7XGPx0kzFIwlvwIdbGtaB9R4icvoUgaYJibD2TaTq6WhEMO3DJGw%2F0%3Fwx_fmt%3Djpeg" alt="技术面分析">
											<div class="subTitle">技术面分析</div>
											<div class="brief">
												<a href="" class="article">理论基础</a>
												<p>市场行为包容消化一切"构成了技术分析的基础。除非你已经完全理解和接受这个前提条件，否则学习技术分析就毫无意义。</p>
												<a href="">更多资讯 <span class="arrow">➤</span></a>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>
	<!-- 底部脚本 -->
	<footcompont></footcompont>
  </div>
</template>

<script>
import Vue from "vue";
import store from "src/store/index";
import { imageView, badgeWallFilte } from "src/config/filters";
import headcompont from "src/commpents/headcompont.vue";
import footcompont from "src/commpents/footcompont.vue";
import Swiper from "swiper";
export default {
  data() {
    return {
		loginForm:{
			companyCode:'HB001'
		}
	};
  },
  components: {
    headcompont: headcompont,
    footcompont: footcompont
  },
  methods: {
	  //用户登录操作
	  onSubmit(){
		  const params = this.loginForm;
		  this.$store.dispatch('login',{params}).then(res=>{
			  if(res.code == 0){
				
			  }else{
				  this.$message.warning(res.msg)
			  }
		  })
	  }
  },
  mounted: function() {
    var swiper = new Swiper(".quoteList", {
      slidesPerView: 7,
      navigation: {
        nextEl: ".table1",
        prevEl: ".table2"
      }
    });
    var swiper2 = new Swiper(".imgList", {
      spaceBetween: 30,
      centeredSlides: true,
      speed: 1000,
      loop: true,
      autoplay: {
        delay: 4000,
        disableOnInteraction: false
      },
      // 分页器
      pagination: {
        el: ".swiper-pagination",
        clickable: true
      },

      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev"
      },

      // 如果需要滚动条
      scrollbar: {
        el: ".swiper-scrollbar"
      }
    });
  },
  computed: {}
};
</script>
<style lang="less" scope>
@import url("~assets/less/_mixins.less");
</style>